<template>
  <div>
    <p>Child</p>
    <!-- 3. 使用props数据：props数据是进行数据代理，所以可以通过this直接访问 -->
    {{ count }}
  </div>
</template>

<script>
export default {
  name: "ChildComp",
  // 2. 子组件需要声明接受props数据
  // props: ["count", "person"],
  // props: {
  //   count: Number,
  //   person: Object,
  // },
  props: {
    count: {
      type: Number,
      required: true,
    },
    person: {
      type: Object,
      // default: () => {}, // undefined
      default: () => ({}), // object
    },
  },
};
</script>
